<template>
  <div class="test1">
    <Test>
      <template #useName>
        <div>用户名</div>
        <input type="text" />
      </template>
    </Test>
    <hr />
    <Test>
      <template #password>
        <div>密码</div>
        <input type="password" />
      </template>
    </Test>
    <hr />
    <Test>
      <template #sex>
        <div>性别</div>
        <input type="radio" name="sex" value="男" />男
        <input type="radio" name="sex" value="女" />女
      </template>
    </Test>
    <hr />
    <Test>
      <template #hobby>
        <div>爱好</div>
        <input type="checkbox" value="抽烟" />抽烟
        <input type="checkbox" value="喝酒" />喝酒
        <input type="checkbox" value="烫头" />烫头
      </template>
    </Test>
    <hr />
    <Test>
      <template #select>
        <div>来自于</div>
        <select>
          <option value="北京">北京</option>
          <option value="上海">上海</option>
          <option value="杭州">杭州</option>
        </select>
      </template>
    </Test>
  </div>
</template>

<script>
import Test from './components/test.vue'
export default {
  components: {
    Test,
  },
}
</script>

<style>
.test1 {
  border: 1px solid black;
}
</style>
